<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge" /><![endif]-->
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1"><!-- Place favicon.ico in the root directory -->
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="icon" href="favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Poppins:100,300,400,700,900" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet">
    <title>Dashcore - Premium Software & Startup HTML</title><!-- themeforest:css -->
    <link rel="stylesheet" href="css/all.css">
    <link rel="stylesheet" href="css/aos.css">
    <link rel="stylesheet" href="css/cookieconsent.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/odometer-theme-minimal.css">
    <link rel="stylesheet" href="css/prism-okaidia.css">
    <link rel="stylesheet" href="css/simplebar.css">
    <link rel="stylesheet" href="css/smart_wizard.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_arrows.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_circles.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_dots.css">
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/theme.css">
    <link rel="stylesheet" href="css/rtl.css"><!-- endinject -->
</head>

<body>
    <!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
    <!-- Making stripe menu -->
    <nav class="st-nav navbar main-nav navigation fixed-top" id="main-nav">
        <div class="container">
            <ul class="st-nav-menu nav navbar-nav">
                <li class="st-nav-section nav-item"><a href="#main" class="navbar-brand"><img src="img/logo.png" alt="Dashcore" class="logo logo-sticky d-block d-md-none"> <img src="img/logo-light.png" alt="Dashcore" class="logo d-none d-md-block"></a></li>
                <li class="st-nav-section st-nav-primary nav-item"><a class="st-root-link nav-link" href="index.html">Home </a><a class="st-root-link item-products st-has-dropdown nav-link" data-dropdown="blocks">Blocks </a><a class="st-root-link item-products st-has-dropdown nav-link" data-dropdown="pages">Pages </a><a class="st-root-link item-company st-has-dropdown nav-link" data-dropdown="components">UI Components </a><a class="st-root-link item-blog st-has-dropdown nav-link" data-dropdown="blog">Blog </a><a class="st-root-link item-shop st-has-dropdown nav-link" href="shop/" data-dropdown="shop">Shop</a></li>
                <li class="st-nav-section st-nav-secondary nav-item"><a class="btn btn-rounded btn-outline mr-3 px-3" href="login.html" target="_blank"><i class="fas fa-sign-in-alt d-none d-md-inline mr-md-0 mr-lg-2"></i> <span class="d-md-none d-lg-inline">Login</span> </a><a class="btn btn-rounded btn-solid px-3" href="signup.html" target="_blank"><i class="fas fa-user-plus d-none d-md-inline mr-md-0 mr-lg-2"></i> <span class="d-md-none d-lg-inline">Signup</span></a></li><!-- Mobile Navigation -->
                <li class="st-nav-section st-nav-mobile nav-item"><button class="st-root-link navbar-toggler" type="button"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
                    <div class="st-popup">
                        <div class="st-popup-container"><a class="st-popup-close-button">Close</a>
                            <div class="st-dropdown-content-group">
                                <h4 class="text-uppercase regular">Pages</h4><a class="regular text-primary" href="about.html"><i class="far fa-building mr-2"></i> About </a><a class="regular text-success" href="contact.html"><i class="far fa-envelope mr-2"></i> Contact </a><a class="regular text-warning" href="pricing.html"><i class="fas fa-hand-holding-usd mr-2"></i> Pricing </a><a class="regular text-info" href="faqs.html"><i class="far fa-question-circle mr-2"></i> FAQs</a>
                            </div>
                            <div class="st-dropdown-content-group border-top bw-2">
                                <h4 class="text-uppercase regular">Components</h4>
                                <div class="row">
                                    <div class="col mr-4"><a target="_blank" href="components/alert.html">Alerts</a> <a target="_blank" href="components/badge.html">Badges</a> <a target="_blank" href="components/button.html">Buttons</a> <a target="_blank" href="components/color.html">Colors</a> <a target="_blank" href="components/accordion.html">Accordion</a> <a target="_blank" href="components/cookie-law.html">Cookielaw</a></div>
                                    <div class="col mr-4"><a target="_blank" href="components/overlay.html">Overlay</a> <a target="_blank" href="components/progress.html">Progress</a> <a target="_blank" href="components/lightbox.html">Lightbox</a> <a target="_blank" href="components/tab.html">Tabs</a> <a target="_blank" href="components/tables.html">Tables</a> <a target="_blank" href="components/typography.html">Typography</a></div>
                                </div>
                            </div>
                            <div class="st-dropdown-content-group bg-light b-t"><a href="login.html">Sign in <i class="fas fa-arrow-right"></i></a></div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="st-dropdown-root">
            <div class="st-dropdown-bg">
                <div class="st-alt-bg"></div>
            </div>
            <div class="st-dropdown-arrow"></div>
            <div class="st-dropdown-container">
                <div class="st-dropdown-section" data-dropdown="blocks">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group">
                            <div class="row">
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="blocks/call-to-action.html">Call to actions</a> <a class="dropdown-item" target="_blank" href="blocks/contact.html">Contact</a> <a class="dropdown-item" target="_blank" href="blocks/counter.html">Counters</a> <a class="dropdown-item" target="_blank" href="blocks/faqs.html">FAQs</a></div>
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="blocks/footer.html">Footers</a> <a class="dropdown-item" target="_blank" href="blocks/form.html">Forms</a> <a class="dropdown-item" target="_blank" href="blocks/navbar.html">Navbar</a> <a class="dropdown-item" target="_blank" href="blocks/navigation.html">Navigation</a></div>
                                <div class="col"><a class="dropdown-item" target="_blank" href="blocks/pricing.html">Pricing</a> <a class="dropdown-item" target="_blank" href="blocks/slider.html">Sliders</a> <a class="dropdown-item" target="_blank" href="blocks/team.html">Team</a> <a class="dropdown-item" target="_blank" href="blocks/testimonial.html">Testimonials</a></div>
                            </div>
                        </div>
                        <div class="st-dropdown-content-group">
                            <h3 class="link-title"><i class="fas fa-long-arrow-alt-right icon"></i> Coming soon</h3>
                            <div class="ml-5"><span class="dropdown-item text-secondary">Dividers </span><span class="dropdown-item text-secondary">Gallery </span><span class="dropdown-item text-secondary">Screenshots</span></div>
                        </div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="pages">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group">
                            <div class="mb-4">
                                <h3 class="text-darker light text-nowrap"><span class="bold regular">Useful pages</span> you'll need</h3>
                                <p class="text-secondary mt-0">Get a complete design stack</p>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <ul class="mr-4">
                                        <li>
                                            <h4 class="text-uppercase regular">Error</h4>
                                        </li>
                                        <li><a target="_blank" href="403.html">403 Error</a></li>
                                        <li><a target="_blank" href="404.html">404 Error</a></li>
                                        <li><a target="_blank" href="405.html">405 Error</a></li>
                                    </ul>
                                </div>
                                <div class="col">
                                    <ul class="mr-4">
                                        <li>
                                            <h4 class="text-uppercase regular">User</h4>
                                        </li>
                                        <li><a target="_blank" href="login.html">Login</a></li>
                                        <li><a target="_blank" href="register.html">Register</a></li>
                                        <li><a target="_blank" href="forgot.html">Forgot</a></li>
                                    </ul>
                                </div>
                                <div class="col">
                                    <ul>
                                        <li>
                                            <h4 class="text-uppercase regular">Extra</h4>
                                        </li>
                                        <li><a target="_blank" href="pricing.html">Pricing</a></li>
                                        <li><a target="_blank" href="terms.html">Terms</a></li>
                                        <li><a target="_blank" href="faqs.html">FAQ</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="st-dropdown-content-group"><a class="dropdown-item bold" href="about.html"><i class="far fa-building icon"></i> About </a><a class="dropdown-item bold" href="contact.html"><i class="far fa-envelope icon"></i> Contact </a><a class="dropdown-item bold" href="pricing.html"><i class="fas fa-hand-holding-usd icon"></i> Pricing</a></div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="components">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group"><a class="dropdown-item" target="_blank" href="components/color.html">
                                <div class="media mb-4"><i class="fas fa-palette mr-2 bg-primary rounded-circle icon-md text-contrast center-flex"></i>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Colors</h3>
                                        <p class="m-0 text-secondary">Get to know DashCore color options</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="components/accordion.html">
                                <div class="media mb-4"><i class="fas fa-bars mr-2 bg-primary rounded-circle icon-md text-contrast center-flex"></i>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Accordion</h3>
                                        <p class="m-0 text-secondary">Useful accordion elements</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="components/cookie-law.html">
                                <div class="media mb-4"><i class="fas fa-cookie-bite mr-2 bg-primary rounded-circle icon-md text-contrast center-flex"></i>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">CookieLaw</h3>
                                        <p class="m-0 text-secondary">Comply with the hideous EU Cookie Law</p>
                                    </div>
                                </div>
                            </a>
                            <h4 class="text-uppercase regular">Huge components list</h4>
                            <div class="row">
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="components/alert.html">Alerts</a> <a class="dropdown-item" target="_blank" href="components/badge.html">Badges</a> <a class="dropdown-item" target="_blank" href="components/button.html">Buttons</a></div>
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="components/overlay.html">Overlay</a> <a class="dropdown-item" target="_blank" href="components/progress.html">Progress</a> <a class="dropdown-item" target="_blank" href="components/lightbox.html">Lightbox</a></div>
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="components/tab.html">Tabs</a> <a class="dropdown-item" target="_blank" href="components/tables.html">Tables</a> <a class="dropdown-item" target="_blank" href="components/typography.html">Typography</a></div>
                            </div>
                        </div>
                        <div class="st-dropdown-content-group"><a class="dropdown-item" target="_blank" href="components/wizard.html">Wizard <span class="badge badge-pill badge-primary">New</span></a> <span class="dropdown-item d-flex align-items-center text-muted">Timeline <i class="fas fa-ban ml-auto"></i></span> <span class="dropdown-item d-flex align-items-center text-muted">Process <i class="fas fa-ban ml-auto"></i></span></div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="blog">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group">
                            <div class="row">
                                <div class="col mr-4">
                                    <h4 class="regular text-uppercase">Full width</h4><a class="dropdown-item" target="_blank" href="blog/blog-post.html">Single post</a> <a class="dropdown-item" target="_blank" href="blog/blog-grid.html">Posts Grid</a>
                                </div>
                                <div class="col mr-4">
                                    <h4 class="regular text-uppercase">Sidebar left</h4><a class="dropdown-item" target="_blank" href="blog/blog-post-sidebar-left.html">Single post</a> <a class="dropdown-item" target="_blank" href="blog/blog-grid-sidebar-left.html">Posts Grid</a>
                                </div>
                                <div class="col mr-4">
                                    <h4 class="regular text-uppercase">Sidebar right</h4><a class="dropdown-item" target="_blank" href="blog/blog-post-sidebar-right.html">Single post</a> <a class="dropdown-item" target="_blank" href="blog/blog-grid-sidebar-right.html">Posts Grid</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="shop">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group"><a class="dropdown-item" target="_blank" href="shop/home.html">
                                <div class="media align-items-center">
                                    <div class="bg-success text-contrast icon-md center-flex rounded-circle mr-3"><i class="fas fa-shopping-basket"></i></div>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Home</h3>
                                        <p class="m-0 text-secondary">Online store home with an outstanding UX</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="shop/cart.html">
                                <div class="media align-items-center">
                                    <div class="bg-info text-contrast icon-md center-flex rounded-circle mr-3"><i class="fas fa-shopping-cart"></i></div>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Cart</h3>
                                        <p class="m-0 text-secondary">Online store shopping cart</p>
                                    </div>
                                </div>
                            </a></div>
                        <div class="st-dropdown-content-group">
                            <h3 class="link-title"><i class="fas fa-money-check-alt icon"></i> Checkout</h3>
                            <div class="ml-5"><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-customer.html">Customer <i class="fas fa-angle-right ml-2"></i> </a><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-shipping.html">Shipping Information <i class="fas fa-angle-right ml-2"></i> </a><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-payment.html">Payment Methods <i class="fas fa-angle-right ml-2"></i> </a><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-confirmation.html">Order Review <i class="fas fa-angle-right ml-2"></i></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <main>
        <!-- ./Page header -->
        <header class="header online-payment-header section text-contrast">
            <div id="stripes"><span></span><span></span><span></span><span></span><span></span></div>
            <div class="container overflow-hidden bring-to-front">
                <div class="row">
                    <div class="col-md-6">
                        <h1 class="text-contrast bold">Buy and Pay Online <span class="d-block light">from anywhere, any time</span></h1>
                        <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab dolore excepturi explicabo, harum in laudantium nulla officiis reprehenderit!</p>
                        <nav class="nav mt-5"><a href="#" class="nav-link mr-3 btn btn btn-rounded btn-contrast"><i class="fas fa-tag mr-3"></i> Plans & pricing </a><a href="#" class="nav-link btn btn-rounded btn-success">Start now</a></nav>
                    </div>
                    <div class="col-md-6"><img src="img/bg/online-payment.svg" class="img-hero img-responsive absolute-md" alt=""></div>
                </div>
            </div>
        </header><!-- ./Online Payment - Features -->
        <section id="features" class="section bg-contrast edge top-left">
            <div class="container">
                <div class="section-heading mb-6 text-center">
                    <h5 class="text-primary bold small text-uppercase">Reasons to use DashCore</h5>
                    <h2>Know what you can do Online</h2>
                </div>
                <div class="row gap-y text-center text-md-left">
                    <div class="col-md-4 py-4 rounded shadow-hover text-center">
                        <div class="icon-shape mb-4"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 276.1 281.01" class="shape shape-xxl drop-shadow">
                                <defs>
                                    <style>
                                        .cls-1 {
                                            opacity: 0.8;
                                            fill: url(#linear-gradient);
                                        }
                                    </style>
                                    <style>
                                        .cls-1 {
                                            fill: #53f;
                                        }
                                    </style>
                                    <linearGradient id="linear-gradient" y1="140.5" x2="276.1" y2="140.5" gradientUnits="userSpaceOnUse">
                                        <stop offset="0" stop-color="#53f" />
                                        <stop offset="1" stop-color="#05d5ff" />
                                    </linearGradient>
                                </defs>
                                <title>Recurso 4</title>
                                <g id="layer_2" data-name="layer 2">
                                    <g id="OBJECTS">
                                        <path class="cls-1" d="M261.95,86.82a83.45,83.45,0,0,0-8.57-10.71l0,0s-50.84-57.89-137-73.9l0,0A92.94,92.94,0,0,0,5,77.21c-17.58,85.56,16.63,154.31,16.83,154.72a83.17,83.17,0,0,0,6.67,11.93c21.11,31.38,60.18,43.83,96.07,33.7,0,0,58.12-14.28,123.33-79h0C278.76,169,285.58,121.95,261.95,86.82Z" />
                                    </g>
                                </g>
                            </svg> <i data-feather="credit-card" width="36" height="36" class="stroke-contrast icon center-xy"></i></div>
                        <h5 class="bold text-capitalize">seamless payment</h5>
                        <p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab dolores ea fugiat nesciunt quisquam. Assumenda dolore error nulla pariatur voluptatem?</p>
                    </div>
                    <div class="col-md-4 py-4 rounded shadow-hover text-center">
                        <div class="icon-shape mb-4"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 276.1 281.01" class="shape shape-xxl drop-shadow">
                                <defs>
                                    <style>
                                        .cls-1 {
                                            opacity: 0.8;
                                            fill: url(#linear-gradient);
                                        }
                                    </style>
                                    <style>
                                        .cls-1 {
                                            fill: #53f;
                                        }
                                    </style>
                                    <linearGradient id="linear-gradient" y1="140.5" x2="276.1" y2="140.5" gradientUnits="userSpaceOnUse">
                                        <stop offset="0" stop-color="#53f" />
                                        <stop offset="1" stop-color="#05d5ff" />
                                    </linearGradient>
                                </defs>
                                <title>Recurso 4</title>
                                <g id="layer_2" data-name="layer 2">
                                    <g id="OBJECTS">
                                        <path class="cls-1" d="M261.95,86.82a83.45,83.45,0,0,0-8.57-10.71l0,0s-50.84-57.89-137-73.9l0,0A92.94,92.94,0,0,0,5,77.21c-17.58,85.56,16.63,154.31,16.83,154.72a83.17,83.17,0,0,0,6.67,11.93c21.11,31.38,60.18,43.83,96.07,33.7,0,0,58.12-14.28,123.33-79h0C278.76,169,285.58,121.95,261.95,86.82Z" />
                                    </g>
                                </g>
                            </svg> <i data-feather="pie-chart" width="36" height="36" class="stroke-contrast icon center-xy"></i></div>
                        <h5 class="bold text-capitalize">insightfull analytics</h5>
                        <p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab dolores ea fugiat nesciunt quisquam. Assumenda dolore error nulla pariatur voluptatem?</p>
                    </div>
                    <div class="col-md-4 py-4 rounded shadow-hover text-center">
                        <div class="icon-shape mb-4"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 276.1 281.01" class="shape shape-xxl drop-shadow">
                                <defs>
                                    <style>
                                        .cls-1 {
                                            opacity: 0.8;
                                            fill: url(#linear-gradient);
                                        }
                                    </style>
                                    <style>
                                        .cls-1 {
                                            fill: #53f;
                                        }
                                    </style>
                                    <linearGradient id="linear-gradient" y1="140.5" x2="276.1" y2="140.5" gradientUnits="userSpaceOnUse">
                                        <stop offset="0" stop-color="#53f" />
                                        <stop offset="1" stop-color="#05d5ff" />
                                    </linearGradient>
                                </defs>
                                <title>Recurso 4</title>
                                <g id="layer_2" data-name="layer 2">
                                    <g id="OBJECTS">
                                        <path class="cls-1" d="M261.95,86.82a83.45,83.45,0,0,0-8.57-10.71l0,0s-50.84-57.89-137-73.9l0,0A92.94,92.94,0,0,0,5,77.21c-17.58,85.56,16.63,154.31,16.83,154.72a83.17,83.17,0,0,0,6.67,11.93c21.11,31.38,60.18,43.83,96.07,33.7,0,0,58.12-14.28,123.33-79h0C278.76,169,285.58,121.95,261.95,86.82Z" />
                                    </g>
                                </g>
                            </svg> <i data-feather="book" width="36" height="36" class="stroke-contrast icon center-xy"></i></div>
                        <h5 class="bold text-capitalize">online wallet</h5>
                        <p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab dolores ea fugiat nesciunt quisquam. Assumenda dolore error nulla pariatur voluptatem?</p>
                    </div>
                </div>
            </div>
        </section><!-- Features -->
        <section class="section">
            <div class="shape-wrapper">
                <div class="shape shape-background shape-right"></div>
                <div class="shape shape-background top shape-left bg-info op-1"></div>
            </div>
            <div class="container pb-9">
                <div class="row gap-y align-items-center py-5">
                    <div class="col-md-6">
                        <figure data-aos="fade-right"><img src="img/shps/payments/register.svg" class="img-responsive w-50" alt=""> <img src="img/shps/payments/register-click.svg" class="img-responsive absolute w-50" alt="" style="bottom: 10%; left: 125px;" data-aos="fade-up"></figure>
                    </div>
                    <div class="col-md-6">
                        <div class="icon-xxl mb-4">
                            <div class="icon-shape"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 219.98 213.35" class="shape shape-xxl drop-shadow">
                                    <defs>
                                        <style>
                                            .cls-shape {
                                                fill: #1fa2ff;
                                            }
                                        </style>
                                    </defs>
                                    <title>shape-4</title>
                                    <g id="layer_1" data-name="layer_1">
                                        <g id="OBJECTS">
                                            <path class="cls-shape" d="M92.2.36c58.51-4,85.65,25.71,100.68,65.52s37.29,53.51,21.92,99.33-70.9,51.88-92.59,46.52S78,192.49,51,182.07C10.79,166.56.86,146.16.06,126.06-1.07,97.63,13.92,94.45,18.73,63.28,24.51,25.93,46.43,3.47,92.2.36Z" />
                                        </g>
                                    </g>
                                </svg> <i class="icon fas fa-2x fa-user center-xy text-contrast"></i></div>
                        </div>
                        <h2 class="bold text-capitalize">register free</h2>
                        <p class="regular">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium autem dolorem eaque est eum fugit harum maiores minima nisi nobis, possimus, quas qui quo ratione sequi suscipit vel vero voluptas?</p><a href="javascript:;" class="btn gradient gradient-purple-blue text-contrast btn-rounded btn-outline-contrast bw-2 bold mt-4">Sign Up Free</a>
                    </div>
                </div>
                <div class="row gap-y align-items-center py-5">
                    <div class="col-md-6 order-md-2">
                        <figure data-aos="fade-left"><img src="img/shps/payments/configure.svg" class="img-responsive" alt=""></figure>
                    </div>
                    <div class="col-md-6">
                        <div class="icon-xxl mb-4">
                            <div class="icon-shape"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 219.98 213.35" class="shape shape-xxl drop-shadow">
                                    <defs>
                                        <style>
                                            .cls-shape {
                                                fill: #1fa2ff;
                                            }
                                        </style>
                                    </defs>
                                    <title>shape-4</title>
                                    <g id="layer_1" data-name="layer_1">
                                        <g id="OBJECTS">
                                            <path class="cls-shape" d="M92.2.36c58.51-4,85.65,25.71,100.68,65.52s37.29,53.51,21.92,99.33-70.9,51.88-92.59,46.52S78,192.49,51,182.07C10.79,166.56.86,146.16.06,126.06-1.07,97.63,13.92,94.45,18.73,63.28,24.51,25.93,46.43,3.47,92.2.36Z" />
                                        </g>
                                    </g>
                                </svg> <i class="icon fas fa-2x fa-users-cog center-xy text-contrast"></i></div>
                        </div>
                        <h2 class="bold text-capitalize">configure your sourcing</h2>
                        <p class="regular">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium autem dolorem eaque est eum fugit harum maiores minima nisi nobis, possimus, quas qui quo ratione sequi suscipit vel vero voluptas?</p><a href="javascript:;" class="btn gradient gradient-purple-blue text-contrast btn-rounded btn-outline-contrast bw-2 bold mt-4">Learn More</a>
                    </div>
                </div>
                <div class="row gap-y align-items-center py-5">
                    <div class="col-md-6">
                        <figure data-aos="fade-right"><img src="img/shps/payments/receive.svg" class="img-responsive" alt=""></figure>
                    </div>
                    <div class="col-md-6">
                        <div class="icon-xxl mb-4">
                            <div class="icon-shape"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 219.98 213.35" class="shape shape-xxl drop-shadow">
                                    <defs>
                                        <style>
                                            .cls-shape {
                                                fill: #1fa2ff;
                                            }
                                        </style>
                                    </defs>
                                    <title>shape-4</title>
                                    <g id="layer_1" data-name="layer_1">
                                        <g id="OBJECTS">
                                            <path class="cls-shape" d="M92.2.36c58.51-4,85.65,25.71,100.68,65.52s37.29,53.51,21.92,99.33-70.9,51.88-92.59,46.52S78,192.49,51,182.07C10.79,166.56.86,146.16.06,126.06-1.07,97.63,13.92,94.45,18.73,63.28,24.51,25.93,46.43,3.47,92.2.36Z" />
                                        </g>
                                    </g>
                                </svg> <i class="icon fas fa-2x fa-user-shield center-xy text-contrast"></i></div>
                        </div>
                        <h2 class="bold text-capitalize">start receiving payments</h2>
                        <p class="regular">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium autem dolorem eaque est eum fugit harum maiores minima nisi nobis, possimus, quas qui quo ratione sequi suscipit vel vero voluptas?</p><a href="javascript:;" class="btn gradient gradient-purple-blue text-contrast btn-rounded btn-outline-contrast bw-2 bold mt-4">Learn More</a>
                    </div>
                </div>
            </div>
        </section><!-- Big Screen - Customer Management -->
        <section class="section">
            <div class="container pt-5">
                <div class="section-heading text-center">
                    <h2 class="bold">A complete <span class="bold">Customer Management</span> to power your sales</h2>
                    <p class="lead text-secondary">Culpa cupiditate deleniti dignissimos ducimus fugit id impedit ipsa itaque, laborum libero maiores nam non nulla quasi quia quisquam temporibus ullam voluptate.</p>
                </div>
                <div class="centered-screen">
                    <div class="absolute-md right message text-center text-md-left" data-aos="fade-up" data-aos-delay="500"><span class="bg-primary p-3 m-0 text-contrast arrow bottom small rounded">Customers administration.</span></div>
                    <div class="px-5 mt-5 mt-md-0"><img src="img/screens/payments/customer-list.png" alt="" class="shadow-lg rounded img-responsive mx-auto op-7"></div><img src="img/screens/payments/highlight.png" alt="" class="absolute shadow-lg rounded img-responsive screen-highlight" data-aos="zoom-in">
                </div>
            </div>
        </section><!-- Register -->
        <section class="section overflow-hidden">
            <div class="container pt-4 bring-to-front">
                <div class="row">
                    <div class="col-md-10 mx-md-auto">
                        <form action="srv/register.php" class="form" data-response-message-animation="slide-in-left" novalidate="novalidate">
                            <div class="input-group-register py-4"><input type="email" name="Subscribe[email]" class="form-control shadow-lg bg-contrast form-control-rounded" placeholder="Enter your email" required=""> <button class="btn btn-rounded btn-primary btn-lg" type="submit">Register</button></div>
                        </form>
                        <div class="response-message"><i class="fas fa-envelope font-lg"></i>
                            <p class="font-md m-0">Check your email</p>
                            <p class="response">We sent you an email with a link to get started. You’ll be in your account in no time.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- Testimonials - Map -->
        <section class="section shape-testimonials edge bg-light top-left">
            <div class="shape-wrapper"><svg class="shape h-100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 249.28 253.71">
                    <defs>
                        <style>
                            .cls-1 {
                                opacity: 0.7;
                                fill: url(#linear-gradient);
                            }
                        </style>
                        <linearGradient id="linear-gradient" y1="126.86" x2="249.28" y2="126.86" gradientUnits="userSpaceOnUse">
                            <stop offset="0" stop-color="#b620b4" />
                            <stop offset="0.23" stop-color="#ad23b5" />
                            <stop offset="0.6" stop-color="#952bb8" />
                            <stop offset="1" stop-color="#7437bc" />
                        </linearGradient>
                    </defs>
                    <title>shape</title>
                    <g id="Capa_2" data-name="Capa 2">
                        <g id="OBJECTS">
                            <path class="cls-1" d="M236.5,78.38a75.26,75.26,0,0,0-7.74-9.67l0,0S182.91,16.47,105.14,2l0,0A83.91,83.91,0,0,0,4.53,69.71C-11.34,147,19.55,209,19.73,209.4a75,75,0,0,0,6,10.77c19.06,28.33,54.33,39.57,86.73,30.43,0,0,52.47-12.9,111.35-71.37h0C251.68,152.56,257.84,110.1,236.5,78.38Z" />
                        </g>
                    </g>
                </svg></div>
            <div class="container bring-to-front">
                <div class="row">
                    <div class="col-lg-6 ml-lg-auto">
                        <div class="section-heading text-center text-lg-left">
                            <h2 class="bold">We've heard our customers say</h2>
                        </div>
                    </div>
                </div>
                <div class="row align-items-center">
                    <div class="col-md-6 order-sm-last">
                        <div class="image-background contain" style="background-image: url(img/shps/map-dots.svg);">
                            <div class="user-reviews" id="user-review-nav">
                                <div class="review absolute user nav-item active" style="left: calc(50% - 40px); top: 75px;" data-step="1">
                                    <div class="text"><img src="img/avatar/1.jpg" class="img-responsive shadow rounded-circle" alt="..." data-aos="zoom-in"></div>
                                </div>
                                <div class="review absolute user nav-item" style="left: 0; top: 140px;" data-step="2">
                                    <div class="text"><img src="img/avatar/2.jpg" class="img-responsive shadow rounded-circle" alt="..." data-aos="zoom-in"></div>
                                </div>
                                <div class="review absolute user nav-item" style="left: calc(100% - 80px); top: 300px;" data-step="3">
                                    <div class="text"><img src="img/avatar/3.jpg" class="img-responsive shadow rounded-circle" alt="..." data-aos="zoom-in"></div>
                                </div>
                                <div class="review absolute user nav-item" style="left: calc(100% - 80px); top: 200px;" data-step="4">
                                    <div class="text"><img src="img/avatar/4.jpg" class="img-responsive shadow rounded-circle" alt="..." data-aos="zoom-in"></div>
                                </div>
                                <div class="review absolute user nav-item" style="left: 50%; top: 63%;" data-step="5">
                                    <div class="text"><img src="img/avatar/5.jpg" class="img-responsive shadow rounded-circle" alt="..." data-aos="zoom-in"></div>
                                </div>
                                <div class="review absolute user nav-item" style="left: 27%; top: 30%;" data-step="6">
                                    <div class="text"><img src="img/avatar/6.jpg" class="img-responsive shadow rounded-circle" alt="..." data-aos="zoom-in"></div>
                                </div>
                                <div class="review absolute user nav-item" style="left: 27%; top: 54%;" data-step="7">
                                    <div class="text"><img src="img/avatar/7.jpg" class="img-responsive shadow rounded-circle" alt="..." data-aos="zoom-in"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="swiper-container" data-sw-navigation="#user-review-nav">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <blockquote><i class="quote fas fa-quote-left"></i>
                                        <p class="lead bold">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,totam rem aperiam.</p>
                                        <hr class="w-10 mt-5">
                                        <div class="small"><span class="bold d-block">Jane Doe,</span> Marketing Director</div>
                                    </blockquote>
                                </div>
                                <div class="swiper-slide">
                                    <blockquote><i class="quote fas fa-quote-left"></i>
                                        <p class="lead bold">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,totam rem aperiam.</p>
                                        <hr class="w-10 mt-5">
                                        <div class="small"><span class="bold d-block">Jane Doe,</span> Marketing Director</div>
                                    </blockquote>
                                </div>
                                <div class="swiper-slide">
                                    <blockquote><i class="quote fas fa-quote-left"></i>
                                        <p class="lead bold">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,totam rem aperiam.</p>
                                        <hr class="w-10 mt-5">
                                        <div class="small"><span class="bold d-block">Jane Doe,</span> Marketing Director</div>
                                    </blockquote>
                                </div>
                                <div class="swiper-slide">
                                    <blockquote><i class="quote fas fa-quote-left"></i>
                                        <p class="lead bold">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,totam rem aperiam.</p>
                                        <hr class="w-10 mt-5">
                                        <div class="small"><span class="bold d-block">Jane Doe,</span> Marketing Director</div>
                                    </blockquote>
                                </div>
                                <div class="swiper-slide">
                                    <blockquote><i class="quote fas fa-quote-left"></i>
                                        <p class="lead bold">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,totam rem aperiam.</p>
                                        <hr class="w-10 mt-5">
                                        <div class="small"><span class="bold d-block">Jane Doe,</span> Marketing Director</div>
                                    </blockquote>
                                </div>
                                <div class="swiper-slide">
                                    <blockquote><i class="quote fas fa-quote-left"></i>
                                        <p class="lead bold">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,totam rem aperiam.</p>
                                        <hr class="w-10 mt-5">
                                        <div class="small"><span class="bold d-block">Jane Doe,</span> Marketing Director</div>
                                    </blockquote>
                                </div>
                                <div class="swiper-slide">
                                    <blockquote><i class="quote fas fa-quote-left"></i>
                                        <p class="lead bold">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,totam rem aperiam.</p>
                                        <hr class="w-10 mt-5">
                                        <div class="small"><span class="bold d-block">Jane Doe,</span> Marketing Director</div>
                                    </blockquote>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- ./Brands -->
        <section class="section bg-light">
            <div class="container">
                <h4 class="bold text-center mb-5 text-secondary">They trust us... would you?</h4>
                <div class="row gap-y">
                    <div class="col-md-3 col-xs-4 col-6 px-md-5"><img src="img/logos/1.png" alt="" class="img-responsive mx-auto op-7" style="max-height: 60px;"></div>
                    <div class="col-md-3 col-xs-4 col-6 px-md-5"><img src="img/logos/2.png" alt="" class="img-responsive mx-auto op-7" style="max-height: 60px;"></div>
                    <div class="col-md-3 col-xs-4 col-6 px-md-5"><img src="img/logos/3.png" alt="" class="img-responsive mx-auto op-7" style="max-height: 60px;"></div>
                    <div class="col-md-3 col-xs-4 col-6 px-md-5"><img src="img/logos/4.png" alt="" class="img-responsive mx-auto op-7" style="max-height: 60px;"></div>
                </div>
            </div>
        </section><!-- ./Features - hover animated -->
        <section class="section bg-light send-and-receive">
            <div class="container bring-to-front">
                <div class="row gap-y">
                    <div class="col-md-6">
                        <div class="rounded bg-contrast shadow-box image-background off-left-background lift-hover p-4 pl-6 pl-md-9" style="background-image: url(img/payments/send.svg)">
                            <h3>Send Payments</h3>
                            <p class="text-secondary mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error eveniet nihil perspiciatis quia quidem quod ratione sapiente sint?</p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="rounded bg-contrast shadow-box image-background off-left-background lift-hover p-4 pl-6 pl-md-9" style="background-image: url(img/payments/receive.svg)">
                            <h3>Receive Payment</h3>
                            <p class="text-secondary mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error eveniet nihil perspiciatis quia quidem quod ratione sapiente sint?</p>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- ./CTA - Create Account -->
        <section class="section bg-contrast edge top-left b-b">
            <div class="container pt-5">
                <div class="d-flex align-items-center flex-column flex-md-row">
                    <div class="text-center text-md-left">
                        <p class="light mb-0 text-primary lead">Ready to get started?</p>
                        <h2 class="mt-0">Create an account now</h2>
                    </div><a href="register.html" class="btn btn-primary btn-rounded mt-3 mt-md-0 ml-md-auto">Create DashCore account</a>
                </div>
            </div>
        </section><!-- ./Footer - Simple -->
        <footer class="site-footer section block bg-contrast">
            <div class="container py-4">
                <div class="row align-items-center">
                    <div class="col-md-5 text-center text-md-left">
                        <nav class="nav justify-content-center justify-content-md-start"><a class="nav-item nav-link" href="about.html">About</a> <a class="nav-item nav-link" href="#">Services</a> <a class="nav-item nav-link" href="blog/blog-grid.html">Blog</a></nav>
                    </div>
                    <div class="col-md-2 text-center"><img src="img/logo.png" alt="" class="logo"></div>
                    <div class="col-md-5 text-center text-md-right">
                        <p class="mt-2 mb-0 text-secondary small">© 2018 5studios. All Rights Reserved</p>
                    </div>
                </div>
            </div>
        </footer>
    </main><!-- themeforest:js -->
    <script src="js/01.cookie-consent-util.js"></script>
    <script src="js/02.1.cookie-consent-themes.js"></script>
    <script src="js/02.2.cookie-consent-custom-css.js"></script>
    <script src="js/02.3.cookie-consent-informational.js"></script>
    <script src="js/02.4.cookie-consent-opt-out.js"></script>
    <script src="js/02.5.cookie-consent-opt-in.js"></script>
    <script src="js/02.6.cookie-consent-location.js"></script>
    <script src="js/card.js"></script>
    <script src="js/counterup2.js"></script>
    <script src="js/index.js"></script>
    <script src="js/noframework.waypoints.js"></script>
    <script src="js/odometer.min.js"></script>
    <script src="js/prism.js"></script>
    <script src="js/simplebar.js"></script>
    <script src="js/swiper.js"></script>
    <script src="js/popper.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/jquery.validate.js"></script>
    <script src="js/jquery.smartWizard.js"></script>
    <script src="js/plugins/jquery.animatebar.js"></script>
    <script src="js/feather.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/aos.js"></script>
    <script src="js/typed.js"></script>
    <script src="js/jquery.magnific-popup.js"></script>
    <script src="js/cookieconsent.min.js"></script>
    <script src="js/common-script.js"></script>
    <script src="js/forms.js"></script>
    <script src="js/stripe-bubbles.js"></script>
    <script src="js/stripe-menu.js"></script>
    <script src="js/cc.js"></script>
    <script src="js/pricing.js"></script>
    <script src="js/shop.js"></script>
    <script src="js/svg.js"></script>
    <script src="js/site.js"></script>
    <script src="js/03.demo.js"></script><!-- endinject -->
</body>

</html>